<!DOCTYPE html>
<html>
  
  <head>
    <meta charset="UTF-8">
    <title>欢迎页面-X-admin2.0</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="/X-admin/css/font.css">
    <link rel="stylesheet" href="/X-admin/css/xadmin.css">
    <script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
    <script type="text/javascript" src="/X-admin/lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="/X-admin/js/xadmin.js"></script>
    <!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
    <!--[if lt IE 9]>
      <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
      <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  
  <body>
  <form class="layui-form">
      <div class="layui-form-item" style="margin-top: 20px;">
          <input type="hidden" name="id" value="{$member.id}">
          <label for="mobile" class="layui-form-label">
              <span class="x-red">*</span>原手机号
          </label>
          <div class="layui-input-inline">
              <input type="text" readonly="readonly" id="mobile" name="mobile" required="" lay-verify="required"
                     autocomplete="off" value="{$member.mobile}" class="layui-input">
          </div>
      </div>
      <div class="layui-form-item">
          <input type="hidden" name="id" value="">
          <label for="newMobile" class="layui-form-label">
              <span class="x-red">*</span>新手机号
          </label>
          <div class="layui-input-inline">
              <input type="text" id="newMobile" name="newMobile" required="" lay-verify="required"
                     autocomplete="off" value="" placeholder="请输入手机号" class="layui-input">
          </div>
      </div>
      <div class="layui-form-item"  style="margin-top: 20px;">
          <label for="confirm" class="layui-form-label">
          </label>
          <button  class="layui-btn" lay-filter="edit" lay-submit="">
              提交
          </button>
      </div>
  </form>
  <script type="application/javascript">
      layui.use(['form','layer'], function(){
          $ = layui.jquery;
          var form = layui.form
              ,layer = layui.layer;



          //自定义验证规则
          form.verify({

          });

          //监听提交

          form.on('submit(edit)', function(data){
              //console.log(data.field);
              //发异步，把数据提交给php

              jQuery.ajax({
                  url: "{:url('Admin/member/mobileEdit')}",
                  type: "post",
                  dataType: "json",
                  async: true,
                  data: data.field,
                  success: function(data){
                      if(data.code){
                          layer.alert("更新成功", {icon: 6},function () {
                              // 获得frame索引
                              var index = parent.layer.getFrameIndex(window.name);

                              parent.location.reload();
                              //关闭当前frame
                              parent.layer.close(index);
                          });
                      }else{
                          console.log(data)

                          layer.alert(data.msg, {icon: 5},function () {
                              // 获得frame索引
                              var index = parent.layer.getFrameIndex(window.name);
                              
                              parent.location.reload();
                              //关闭当前frame
                              parent.layer.close(index);

                          });
                      }

                  },
                  error: function (XMLHttpRequest, textStatus, errorThrown) {
                      layer.msg('执行时发生500错误！代码：'+textStatus+'请联系管理员！',{icon: 5,time:6000});
                  }
              });





              return false;
          });

      })

  </script>
  </body>

</html>